<!-- Layout 母模板 -->
<% extend('../../template/layout.art') %>
    <!-- body -->
    <% block('content', function(){ %>
        <div class="je-p20 trade-index">
            <blockquote class="je-quote green je-f16 je-ovh je-mb10">
                <p>
                    <input type="text" name="title" id="inpstart" placeholder="交易开始日期" readonly class="je-input je-pl5 je-pr5">
                    <input type="text" name="title" id="inpend" placeholder="交易结束日期" readonly class="je-input je-pl5 je-pr5">
                    <select class="myselect" id="transactionTypeId">
                                <optgroup label="交易类型">
                                <option value="">全部类型</option>
                                <option value="0">售票</option>
                                <option value="1">退票</option>
                                <option value="2">退余额</option>
                                <option value="3">充值</option>
                                </optgroup>
                            </select>


                    <!--<select class="myselect" id="saleTypeId">
                                    <optgroup label="全部模式">
                                        <option value="1">正常售票</option>
                                        <option value="2">预售票</option>
                                        <option value="3">手工票补录</option>
                                        <option value="4">线上售票</option>
                                    </optgroup>
                                    </select>


                    <select class="myselect" id="orderType">
                                    <optgroup label="操作员">
                                            <option value="0">销售员</option>
                                            <option value="1">自助售票机</option>
                                            <option value="2">电商</option>
                                            <option value="3">自助取票机</option>
                                    </optgroup>
                    </select>


                     <input type="text" name="title" autocomplete="off" placeholder="识别码" class="je-input">

                    <input type="text" name="title" autocomplete="off" placeholder="旅行社或备注" class="je-input"> -->
                    <input type="button" class="je-btn je-btn-small je-btn-normal serch-btn" value="查询">
                </p>
            </blockquote>
            <table class="je-table">
                <thead>
                    <tr>
                        <th>交易类型</th>
                        <th>票价</th>
                        <th>人数</th>
                        <th>票种</th>
                        <th>金额</th>
                        <th>票数</th>
                    </tr>
                </thead>
                <tbody class="serch_all">

                </tbody>
            </table>
            <div class="success">查询数据失败,请更换条件查询</div>



        </div>
        <script type="html" id="serch_all">
            <tr>
                <td>{transaction}</td>
                <td>￥{amount}</td>
                <td>{number}</td>
                <td>{customerTypeName}</td>
                <td>￥{price}</td>
                <td>{number}</td>
            </tr>
        </script>
        <script type="text/javascript">
            jeui.use(["jquery", "jeBox", "jeLayout", "jeTabPane", "jeAccordion", "jeCheck", "jeDate", "jeNavTab", "jeProgress", "jeSelect", "jeDropdown", "jeTable"], function() {
                var start = {
                    format: 'YYYY-MM-DD hh:mm:ss',
                    minDate: '2014-06-16 00:00:00', //设定最小日期为当前日期
                    isinitVal: true,
                    //festival:true,
                    ishmsVal: false,
                    maxDate: $.nowDate({
                        DD: 0
                    }), //最大日期
                    choosefun: function(elem, val, date) {
                        end.minDate = date; //开始日选好后，重置结束日的最小日期
                        endDates();
                    }
                };
                var end = {
                    format: 'YYYY-MM-DD hh:mm:ss',
                    minDate: $.nowDate({
                        DD: 0
                    }), //设定最小日期为当前日期
                    //festival:true,
                    maxDate: '2099-12-31 23:59:59', //最大日期
                    choosefun: function(elem, val, date) {
                        start.maxDate = date; //将结束日的初始值设定为开始日的最大日期
                    }
                };
                //这里是日期联动的关键        
                function endDates() {
                    //将结束日期的事件改成 false 即可
                    end.trigger = false;
                    $("#inpend").jeDate(end);
                }
                $('#inpstart').jeDate(start);
                $('#inpend').jeDate(end);
                $(".myselect").jeSelect({
                    sosList: false
                });
            })
        </script>

        <% }) %>